.single-bar-ratio {
    .single-bar-ratio-head {
        display: flex;
        justify-content: space-between;
        padding-bottom: 10px;
        font-size: 28px;
        font-family: 'Source Han Sans CN';
        font-weight: 400;
        color: #FFFFFF;
        .single-bar-ratio--value {
            font-size: 36px;
            font-family: 'Giorgio Sans';
            font-weight: normal;
            color: #0AEBFF;
        }
    }
    .single-bar-ratio-item {
        width: 100%;
        background: rgba(255, 255, 255, 0.2);
        height: 16px;
    }
    .single-bar-ratio-progress {
        width: 0%;
        height: 100%;
        background: linear-gradient(90deg, #09B8FE 0%, #0263EC 100%);
    }
}